<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
     <h:form id="frmList" ajaxSubmit="false">
      	<p:growl id="msgSystem" showDetail="false" life="4000" escape="true"/>   
  		<p:toolbar> 
  		
  			<p:toolbarGroup align="left"> 
	    		<p:spacer width="6px"/>
	    		<p:commandButton title="Regresar" 	value="Regresar" 	icon="icn_bar_back" action="trnv_list" ajax="false" />
	    		<p:spacer width="6px"/>		        
		        <p:outputLabel for="txtTip" value="Tipo" style="position:relative;  top:-2px;"/>
		        <p:spacer width="6px"/>		
		        <p:selectOneMenu id="txtTip" value="#{profesionItinerarioTransversal.tipo}" style="position:relative;  top:7px; width:130px;">  
            		<f:selectItem itemLabel="#{constante.OPTION_SELECT}" 	itemValue="-1" />
            		<f:selectItem itemLabel="4 Semestres" itemValue="4" /> 
            		<f:selectItem itemLabel="6 Semestres" itemValue="6" />
            		<f:selectItem itemLabel="8 Semestres" itemValue="8" />
            		<p:ajax event="change" update=":frmList" listener="#{profesionItinerarioTransversal.defaultList}"/>
       			</p:selectOneMenu>
				<p:spacer width="22px"/>
				<p:commandButton id="btnNew" title="Nuevo" value="Nuevo" icon="icn_bar_new" rendered="#{profesionItinerarioTransversal.tipo ne -1}"
					actionListener="#{profesionItinerarioTransversal.nativeNew}" ajax="false"/>
			</p:toolbarGroup>
  		</p:toolbar>    		
      	<p:spacer height="4px"/>
      	
      	<p:dataTable id="esquemaList" var="item" value="#{profesionItinerarioTransversal.beanList}"  scrollable="true"
	   		emptyMessage="#{constante.LIST_EMPTY}">
	     		
     		<f:facet name="header">
				<h:outputText value="UNIDADES DIDÁCTICAS" />  
			</f:facet>
		
     		<p:column headerText="Módulo" style="width:15%; align:center;" sortBy="#{item.nombreModulo}">   
				<h:outputText value="#{item.nombreModulo}" title="#{item.nombreModulo}"/>					  
			</p:column>	
			
			<p:column headerText="Unidad Didáctica" style="width:59%; align:center;">   
				<h:outputText value="#{item.titulo}" title="#{item.titulo}: #{item.descripcion}"/>					  
			</p:column>
			
			<p:column headerText="Sem" style="width:4%; align:center;" sortBy="#{item.semestre}">   
				<h:outputText value="#{item.semestre}" title="Semestre Nro: #{item.semestre}"/>					  
			</p:column>
			
			<p:column headerText="Hrs" style="width:4%; align:center;" sortBy="#{item.horasSemestre}">   
				<h:outputText value="#{item.horasSemestre}" title="Horas por Semestre: #{item.horasSemestre}"/>					  
			</p:column>
			
			<p:column headerText="Cred" style="width:4%; align:center;" sortBy="#{item.creditos}">   
				<h:outputText value="#{item.creditos}" title="Créditos: #{item.creditos}"/>
			</p:column>
			
			<p:column headerText="Hrs UD" style="width:4%; align:center;" sortBy="#{item.horasTotal}">   
				<h:outputText value="#{item.horasTotal}" title="Horas por Unidad Didáctica: #{item.horasTotal}"/>
			</p:column>
			
			
			
			<p:column headerText="Opciones" style="width:10%">
				<p:commandButton icon="icn_item_update" 	title="Actualizar" 		action="#{profesionItinerarioTransversal.nativeLoad}" ajax="false">
					<f:setPropertyActionListener value="#{item}" target="#{profesionItinerarioTransversal.beanSelected}" />
				</p:commandButton>
				<p:commandButton icon="icn_item_disable" 	title="Habilitar" 		action="#{profesionItinerarioTransversal.nativeEnabled}"	 ajax="false"	
                	update=":frmList:msgSystem"	rendered="#{item.estado eq constante.ROW_STATUS_DISABLED}">
                	 <f:setPropertyActionListener value="#{item}" target="#{profesionItinerarioTransversal.beanSelected}" /> 
                </p:commandButton>
                <p:commandButton icon="icn_item_enable" 	title="Deshabilitar" 	action="#{profesionItinerarioTransversal.nativeDisabled}" ajax="false"	
                	update=":frmList:msgSystem"	rendered="#{item.estado eq constante.ROW_STATUS_ENABLED}">
                	 <f:setPropertyActionListener value="#{item}" target="#{profesionItinerarioTransversal.beanSelected}" /> 
                </p:commandButton>
				<p:commandButton icon="icn_item_remove" 	title="Eliminar" 		oncomplete="dialogDel.show()">
					<f:setPropertyActionListener value="#{item}" target="#{profesionItinerarioTransversal.beanSelected}" />				
				</p:commandButton> 
        	</p:column>
        	
        	<p:columnGroup type="footer">  
        	<p:row>  
        		<p:column footerText="" />
        		<p:column footerText="" />
        		<p:column footerText="" />
        		<p:column footerText="" />
        		<p:column footerText="" /> 
        		<p:column footerText="" />
        		<p:column footerText="" />
            </p:row> 
            <p:row>  
                <p:column colspan="3" footerText="Totales:" style="text-align:right"/>
                <p:column footerText="#{profesionItinerarioTransversal.totalHorasSemestre}" />  
                <p:column footerText="#{profesionItinerarioTransversal.totalCreditos}" />
                <p:column footerText="#{profesionItinerarioTransversal.totalHoras}" /> 
                <p:column footerText="" />   
            </p:row>  
        	</p:columnGroup>  
	        	      	        
		</p:dataTable> 
     </h:form>
    <!-- Eliminar -->
	<p:confirmDialog widgetVar="dialogDel" width="350" appendToBody="true"
		header="Mensaje de Confirmación" message="¿Estas seguro de eliminar este elemento?" style="font-size:13px;"
       	closable="true" severity="alert" closeOnEscape="true">
       	<h:form>	
		<h:panelGroup style="text-align: right;" >
			<p:commandButton value="Si" id="deleteButton" oncomplete="dialogDel.hide()"  actionListener="#{profesionItinerarioTransversal.nativeRemove}"  update=":frmList"/>
       		<p:commandButton value="No" id="cancelButton" onclick="dialogDel.hide()"/>   
		</h:panelGroup>
		</h:form>	
  	</p:confirmDialog>
  	
  	
    </ui:define>
</ui:composition>